<template>
  <div class="fitness">
    <van-nav-bar
  title="健康评估"
  left-arrow
  @click-left="back"
/>
    <div class="menu1" @click="goPneumonia">
        <img src="../../image/a19.png" alt="" style="width: 100%;height: 100%">
    </div>
    <p>参考链接：
    <a style="color: #b0b7c3;" href="https://d.wanfangdata.com.cn/periodical/ChlQZXJpb2RpY2FsQ0hJTmV3UzIwMjMwNDI2EhB6aGpoaGh4MjAyMTAzMDA1GghjOTM2bWU5ZA%3D%3D">
        慢性阻塞性肺疾病诊治指南
    </a>
    </p>
     <div class="menu2">
        <img src="../../image/a14.png" alt="" style="width: 100%;height: 100%">
    </div>
    <p>参考链接：
    <a style="color: #b0b7c3;" href="https://d.wanfangdata.com.cn/periodical/ChlQZXJpb2RpY2FsQ0hJTmV3UzIwMjMwNDI2Eg96Z2F6enoyMDE5MDgwMDkaCHBwZWp4cWx1">
        中国抗瘤协会乳腺癌诊治指南与规范 (2019年版)
    </a>
    </p>
    <div class="menu3">
        <img src="../../image/a15.png" alt="" style="width: 100%;height: 100%">
    </div>
    <p>参考链接：
    <a style="color: #b0b7c3;" href="https://d.wanfangdata.com.cn/periodical/ChlQZXJpb2RpY2FsQ0hJTmV3UzIwMjMwNDI2EhR6Z3N5Zmt5Y2t6ejIwMTkwNDAxNRoINGVvcWRvbHI%3D">
        2018 USPSTF建议声明：宫颈瘤筛查
    </a>
    </p>
    <div class="menu4">
        <img src="../../image/a16.png" alt="" style="width: 100%;height: 100%">
    </div>
    <p>参考链接：
    <a style="color: #b0b7c3;" href="https://d.wanfangdata.com.cn/periodical/zhzl201812012">
        2018年中华医学会肺癌临床诊疗指南中肺癌筛查
    </a>
    </p>
    <div class="menu5">
        <img src="../../image/a17.png" alt="" style="width: 100%;height: 100%">
    </div>
    <p>参考链接：
    <a style="color: #b0b7c3;" href="https://d.wanfangdata.com.cn/periodical/ChlQZXJpb2RpY2FsQ0hJTmV3UzIwMjMwNDI2EhR6Z3N5Zmt5Y2t6ejIwMTcxMDAxNhoIZDJxbGFxdGE%3D">
        子宫内膜癌筛查和早期诊断专家共识
    </a>
    </p>
    <div class="menu6">
        <img src="../../image/a18.png" alt="" style="width: 100%;height: 100%">
    </div>
    <p>参考链接：
    <a style="color: #b0b7c3;" href="https://d.wanfangdata.com.cn/periodical/ChlQZXJpb2RpY2FsQ0hJTmV3UzIwMjMwNDI2Eg96bGZ6eWoyMDE4MDkwMTkaCGZyZzNhZjlu">
        2017年美国预防服务工作组甲状腺癌筛查推荐声明解读
    </a>
    </p>
  </div>
  <div class="fixed" @click="gorecord">
  <br>
  评估
  <br>
  记录
</div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router'
const router = useRouter()
// 返回上一页
const back = () => {
  router.go(-1)
}
// 跳转到评估记录页
const gorecord = () => {
  router.push('/record')
}
// 跳转到慢阻肺疾病评估页
const goPneumonia = () => {
    router.push('/pneumonia')
}
</script>

<style scoped>
.fitness{
    width: 100%;
    height: 100%;
    background: #ffffff;
}
.menu1{
    width: 3.5rem;
    height: 1rem;
    margin-left: .15rem;
    border-radius: .2rem;
}
.menu2{
    width: 3.5rem;
    height: 1rem;
    margin-left: .15rem;
    border-radius: .2rem;
    margin-top: .2rem;
}
.menu3{
    width: 3.5rem;
    height: 1rem;
    margin-left: .15rem;
    border-radius: .2rem;
    margin-top: .2rem;
}
.menu4{
    width: 3.5rem;
    height: 1rem;
    margin-left: .15rem;
    border-radius: .2rem;
    margin-top: .2rem;
}
.menu5{
    width: 3.5rem;
    height: 1rem;
    margin-left: .15rem;
    border-radius: .2rem;
    margin-top: .2rem;
}
p{
    color: #b0b7c3;
    font-size: .1rem;
    margin-top: .05rem;
    margin-left: .2rem;
}
.fixed{
  width: .8rem;
  text-align: center;
  align-items: center;
  line-height: .2rem;
  height: .8rem;
  background: #3f86ff;
  color: #fff;
  font-weight: 900;
  border-radius: 50%;
  position: fixed;
  right: .15rem;
  top: 5rem;
}
</style>
